﻿<%@ Page Title="" Language="C#" MasterPageFile="~/pages/template/MasterPage.master" AutoEventWireup="true" CodeFile="peliculas.aspx.cs" Inherits="pages_peliculas" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <script src="../scripts/pelis_container_particularcharger.js"></script>
    <link rel="stylesheet" href="../styles/style_pelisinfo.css" />
    <link rel="stylesheet" href="../styles/style_peliculas.css" />

    <script>
        $(document).ready(function () {
            addInitialEvents(); $("#btncommitrequest").hide();
            $("#close").click(function () {
               
                $("#pelis_pelisinfo").fadeOut();
                $("#pelis_pelisinfo").html("");             
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

    <div id="peliculas_menulateral">
        <div id="peliculas_categorialist">
            <div class="peliculas_categorialistitem">
                Belicas
                <input type="hidden" value="belic" />
            </div>
            <div class="peliculas_categorialistitem">
                Anime
                <input type="hidden" value="anim" />
            </div>
            <div class="peliculas_categorialistitem">
                Accion
                <input type="hidden" value="acci" />
            </div>
            <div class="peliculas_categorialistitem">
                Romance
                <input type="hidden" value="romc" />
            </div>
            <div class="peliculas_categorialistitem">
                Infantiles
                <input type="hidden" value="infan" />
            </div>
            <div class="peliculas_categorialistitem">
                Suspenso
                <input type="hidden" value="suspn" />
            </div>
            <div class="peliculas_categorialistitem">
                Aventura
                <input type="hidden" value="avent" />
            </div>
            <div class="peliculas_categorialistitem">
                Ciencia Ficcion
                <input type="hidden" value="cific" />
            </div>
            <div class="peliculas_categorialistitem">
                Fantasia
                <input type="hidden" value="fanta" />
            </div>
            <div class="peliculas_categorialistitem">
                Terror
                <input type="hidden" value="terro" />
            </div>
            <div class="peliculas_categorialistitem">
                Drama
                <input type="hidden" value="drama" />
            </div>
            <div class="peliculas_categorialistitem">
                Comedia
                <input type="hidden" value="comedia" />
            </div>
        </div>
    </div>
    <div id="peliculas_centro">
        <h2>Terror</h2>
        <hr id="peliculas_categoryseparator" />

        <div class="peliculas_pelicontainer">
            <div class="peliculas_pelititle">
                Los pinguinos felices
            </div>
            <div class="peliculas_peliimag">
                <img src="../resources/sample.png" />
            </div>
            <input type="hidden" value="escondido" />
        </div>

        <div class="peliculas_pelicontainer">
            <div class="peliculas_pelititle">
                Los pinguinos felices
            </div>
            <div class="peliculas_peliimag">
                <img src="../resources/sample.png" />
            </div>

        </div>
        <div class="peliculas_pelicontainer">
            <div class="peliculas_pelititle">
                Los pinguinos felices
            </div>
            <div class="peliculas_peliimag">
                <img src="../resources/sample.png" />
            </div>

        </div>
        <div class="peliculas_pelicontainer">
            <div class="peliculas_pelititle">
                Los pinguinos felices
            </div>
            <div class="peliculas_peliimag">
                <img src="../resources/sample.png" />
            </div>

        </div>

        <div class="peliculas_pelicontainer">
            <div class="peliculas_pelititle">
                Los pinguinos felices
            </div>
            <div class="peliculas_peliimag">
                <img src="../resources/sample.png" />
            </div>

        </div>
        <div class="peliculas_pelicontainer">
            <div class="peliculas_pelititle">
                Los pinguinos felices
            </div>
            <div class="peliculas_peliimag">
                <img src="../resources/sample.png" />
            </div>

        </div>
        <div class="peliculas_pelicontainer">
            <div class="peliculas_pelititle">
                Los pinguinos felices
            </div>
            <div class="peliculas_peliimag">
                <img src="../resources/sample.png" />
            </div>

        </div>


    </div>
    <div id="pelis_pelisinfo">
        <div id="closeline"><span id="close">X</span></div>
        <div class="pelis_pelisinfotitle">
            <h1 class="pelis_infodatatitle">El pinguino alegre</h1>
        </div>
        <div class="pelis_pelisinfobody">
            <fieldset>
                <legend>Datos de la pelicula</legend>
                <div class="pelis_pelisinfosipnosisconta">
                    <fieldset>
                        <legend>Sipnosis</legend>
                        <div class="pelis_pelisinfosipnosis">
                            ljflasjdfpqiuweflaksjdfqowieufasdkljfqwepiofuasdfkjqwfepoisuadflkqwe
                            asdjfkqjewpfoafasjdfpaeofasdlfjasdfasdfasfads<br />
                            ajsdfjaskd;jfpqweofasd
                        </div>
                    </fieldset>
                </div>
                <div class="pelis_pelisinfodatageneral">
                    <fieldset>
                        <legend>Datos Generales</legend>
                        <div class="pelis_pelisinfodatageneralcontainer">
                            <div class="pelis_pelisinforowsim">
                                <div class="pelis_pelisinfocolsim">Estreno</div>
                                <div class="pelis_pelisinfocolsim">25 de Julio del 2014</div>
                            </div>
                            <div class="pelis_pelisinforowsim">
                                <div class="pelis_pelisinfocolsim">Actores</div>
                                <div class="pelis_pelisinfocolsim">
                                    <span class="pelis_pelisinfoactorpersonajes">El perro asfdasdf</span>
                                    <span class="pelis_pelisinfoactorpersonajes">el gatoaasdfas</span>
                                    <span class="pelis_pelisinfoactorpersonajes"> la gallina asdfasdfa</span>
                                    <span class="pelis_pelisinfoactorpersonajes">el elefantea asdfasdfasd</span> 
                                </div>
                            </div>
                            <div class="pelis_pelisinforowsim">
                                <div class="pelis_pelisinfocolsim">Genero</div>
                                <div class="pelis_pelisinfocolsim">
                                    <span class="pelis_pelisinfocategorias">Pruebas</span>
                                    <span class="pelis_pelisinfocategorias">Pruebas</span>
                                    <span class="pelis_pelisinfocategorias">Pbabosadasruebas</span>
                                </div>
                            </div>
                            <div class="pelis_pelisinforowsim">
                                <div class="pelis_pelisinfocolsim">Cantidad en stock</div>
                                <div class="pelis_pelisinfocolsim">2</div>
                            </div>

                        </div>
                    </fieldset>
                </div>
                <div class="pelis_pelisinfovideodata">
                    <fieldset>
                        <legend>Video</legend>
                        <!--iframe width="560" height="315" src="//www.youtube.com/embed/vIu85WQTPRc" frameborder="0" allowfullscreen></!--iframe-->
                    </fieldset>
                </div>

            </fieldset>
           
        </div>
        <div id="pelis_pelisinfofooter">
            <div class="pelis_pelisinforowsim">
                <div class="pelis_pelisinfocolsim"><input type="button" id="sendreq" value="SOLICITAR" /></div>
                <div class="pelis_pelisinfocolsim"><input type="button" id="btncancel" value="Cancelar" /></div>
            </div>
        </div> 
        <input type="hidden" value="idpelicula" />
    </div>
    <input type="button" value="CULMINAR ALQUILER" id="btncommitrequest" />
</asp:Content>

